<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css"/>
    <link rel="stylesheet" href="./css/base.css"/>
    <link rel="stylesheet" href="./css/mainview.css">   
    <link rel="stylesheet" href="../css/all.css">
</head>
<body>
    <div class="NavigationBar">
        <div class="w">
            <div class="leftBar">
                <ul>
                    <li><a href="javascript:;">小米商城</a><span>|</span></li>
                    <li><a href="javascript:;">MIUI</a><span>|</span></li>
                    <li><a href="javascript:;">IOT</a><span>|</span></li>
                    <li><a href="javascript:;">云服务</a><span>|</span></li>
                    <li><a href="javascript:;">天数科技</a><span>|</span></li>
                    <li><a href="javascript:;">有品</a><span>|</span></li>
                    <li><a href="javascript:;">小爱开放平台</a><span>|</span></li>
                    <li><a href="javascript:;">企业团购</a><span>|</span></li>
                    <li><a href="javascript:;">资质证照</a><span>|</span></li>
                    <li><a href="javascript:;">协议规则</a><span>|</span></li>
                    <li id="app"><a href="javascript:;">下载app</a><span>|</span><div id="div1"><img src="./img/download.png" alt=""><span>小米商城APP</span></div></li>
                    <li><a href="javascript:;">智能生活</a><span>|</span></li>
                    <li><a href="javascript:;">Select Location</a></li>
                </ul>

            </div>
            <div class="rightBar">
                <ul>
                    <li><a href="">登录</a><span>|</span></li>
                    <li><a href="">注册</a><span>|</span></li>
                    <li id="xiaoxi"><a href="">消息通知</a></li>
                    <li><a href=""><i class="fas fa-shopping-cart"></i> 购物车(0)</a><div id="shipCar">购物车中还没有商品，赶紧选购吧！</div></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="middleBox">
        <div id="mainmiddlecontent" class="w">
            <div id="lefticon">
                <a href=""><img src="./img/logo-mi2.png"></a>
            </div>
            <div id="rightmanu">
                <ul>
                    <li><a href="javascript:;">全部商品分类</a></li>
                    <li><a href="javascript:;">Xiaomi手机</a></li>
                    <li><a href="javascript:;">Redmi红米</a></li>
                    <li><a href="javascript:;">电视</a></li>
                    <li><a href="javascript:;">笔记本</a></li>
                    <li><a href="javascript:;">平板</a></li>
                    <li><a href="javascript:;">家电</a></li>
                    <li><a href="javascript:;">路由器</a></li>
                    <li><a href="javascript:;">智能硬件</a></li>
                    <li><a href="javascript:;">服务</a></li>
                    <li><a href="javascript:;">社区</a></li>
                </ul>
                <div id="rightnav">
                    <form action="#">
                        <input id="rightnavInput" type="text">
                        <button id="searchMi"><i class="fas fa-search"></i></button>
                    </form>
                    <div id="searchCheck">
                        <ul>
                            <li>全部商品</li>
                            <li>净水器</li>
                            <li>净水器</li>
                            <li>净水器</li>
                            <li>净水器</li>
                            <li>净水器</li>
                            <li>净水器</li>
                            <li>净水器</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
<script type="text/javascript" src="./js/mainview.js"></script>
</html>